.data-control {
  margin-bottom: 15px;

  .checkbox {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    border: 1px solid var(--background-light-highlight);
    padding: 4px 6px;
    border-radius: var(--border-radius);
    background: var(--input-background);
    cursor: pointer;
    transition: 0.2s ease-in-out;
    transition-property: background;

    &:hover,
    &:focus {
      background: var(--background-light);
    }

    input {
      margin-right: 5px;
      cursor: pointer;
    }
  }
}

.data-title {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}
